<%@ page import="com.press.bean.TaxonomyBean" %>
<%@ page import="java.util.List" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: liao
  Date: 2016/10/5
  Time: 14:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../inc/top.jsp"%>

<script type="text/javascript" charset="utf-8" src="${CONTEXTPATH}/admin/content/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${CONTEXTPATH}/admin/content/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${CONTEXTPATH}/admin/content/ueditor/lang/zh-cn/zh-cn.js"></script>
<LINK rel=stylesheet href="${CONTEXTPATH}/admin/content/ueditor/themes/default/css/ueditor.css">
<script type="text/javascript" charset="utf-8" src="${CONTEXTPATH}/admin/static/article/js/publishContent.js"></script>
<script type="text/javascript" charset="utf-8" src="${CONTEXTPATH}/admin/static/article/js/ajaxfileupload.js"></script>
<LINK rel=stylesheet href="${CONTEXTPATH}/admin/static/article/css/publishContent.css">
<div class="container-fluid">
    <div class="text col-md-12">
        <h2>文章标题</h2>
        <input type="text" name="title" id="title" placeholder="请输入标题">
        <script id="editor" type="text/plain" style="width:1024px;height:500px;">
        </script>
    </div>
    <div id="classfy" class="col-md-12">
        <div class="typeTitle"><span class="span">分类</span><div id="i"><i class="fa fa-minus"></i></div></div>
        <div class="typeDiv">
            <c:if test="${list!=null}">
                <c:forEach var="item" items="${list}">
                    <input type="checkbox" name="type" value="${item.taxonomy_id}">${item.taxonomy_title}
                </c:forEach>
            </c:if>
        </div>
    </div>
    <div id="pic" class="col-md-12">
        <div class="typeTitle"><span class="span">缩略图</span><div id="i2"><i class="fa fa-minus" name="fa"></i></div></div>
        <div class="picDiv">
            <div id="result" style="FONT:12px 宋体"></div><br/>
            <img id="loading" src="" width="300px" height="200px" style="display:none;">
            <form name="form_uploadImg" action="" method="POST" enctype="multipart/form-data">
                <input id="uploadFileInput" type="file" size="45" name="uploadFileInput" class="input" onchange="upload()"/>
            </form>
        </div>
    </div>
    <div id="remarkDiv" class="col-md-12">
        <div class="typeTitle"><span class="span">备注信息</span><div id="i3"><i class="fa fa-minus" name="fa"></i></div></div>
        <div class="reDiv">
            <textarea name="remarks" id="remarks" rows="3"></textarea>
        </div>

    </div>
    <div class="col-md-4"></div>
    <div class="col-md-5"></div>
    <div class="col-md-3">
        <button class="king-btn-demo king-btn king-border king-round king-success" id="btn" title="保存">发布</button>
        <button class="king-btn-demo king-btn king-border king-round king-success" id="btn2" title="保存">存为草稿</button>
    </div>
</div>

<%--<div id="btns">--%>
<%--<div>--%>
<%--<button onclick="getAllHtml()">获得整个html的内容</button>--%>
<%--<button onclick="getContent()">获得内容</button>--%>
<%--<button onclick="setContent()">写入内容</button>--%>
<%--<button onclick="setContent(true)">追加内容</button>--%>
<%--<button onclick="getContentTxt()">获得纯文本</button>--%>
<%--<button onclick="getPlainTxt()">获得带格式的纯文本</button>--%>
<%--<button onclick="hasContent()">判断是否有内容</button>--%>
<%--<button onclick="setFocus()">使编辑器获得焦点</button>--%>
<%--<button onmousedown="isFocus(event)">编辑器是否获得焦点</button>--%>
<%--<button onmousedown="setblur(event)" >编辑器失去焦点</button>--%>

<%--</div>--%>
<%--<div>--%>
<%--<button onclick="getText()">获得当前选中的文本</button>--%>
<%--<button onclick="insertHtml()">插入给定的内容</button>--%>
<%--<button id="enable" onclick="setEnabled()">可以编辑</button>--%>
<%--<button onclick="setDisabled()">不可编辑</button>--%>
<%--<button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>--%>
<%--<button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>--%>
<%--<button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>--%>
<%--</div>--%>

<%--<div>--%>
<%--<button onclick="getLocalData()" >获取草稿箱内容</button>--%>
<%--<button onclick="clearLocalData()" >清空草稿箱</button>--%>
<%--</div>--%>

<%--</div>--%>
<%--<div>--%>
<%--<button onclick="createEditor()">--%>
<%--创建编辑器</button>--%>
<%--<button onclick="deleteEditor()">--%>
<%--删除编辑器</button>--%>
<%--</div>--%>

<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');


    function isFocus(e){
        alert(UE.getEditor('editor').isFocus());
        UE.dom.domUtils.preventDefault(e)
    }
    function setblur(e){
        UE.getEditor('editor').blur();
        UE.dom.domUtils.preventDefault(e)
    }
    function insertHtml() {
        var value = prompt('插入html代码', '');
        UE.getEditor('editor').execCommand('insertHtml', value)
    }
    function createEditor() {
        enableBtn();
        UE.getEditor('editor');
    }
    function getAllHtml() {
        UE.getEditor('editor').getAllHtml();
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getPlainTxt());

    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UE.getEditor('editor').setDisabled('fullscreen');
        disableBtn("enable");
    }

    function setEnabled() {
        UE.getEditor('editor').setEnabled();
        enableBtn();
    }

    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UE.getEditor('editor').selection.getRange();
        range.select();
        var txt = UE.getEditor('editor').selection.getText();
        alert(txt)
    }

    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UE.getEditor('editor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UE.getEditor('editor').hasContents());
    }
    function setFocus() {
        UE.getEditor('editor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UE.getEditor('editor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
        }
    }

    function getLocalData () {
        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
    }

    function clearLocalData () {
        UE.getEditor('editor').execCommand( "clearlocaldata" );
        alert("已清空草稿箱")
    }
</script>
<%@include file="../inc/bottom.jsp"%>